<template>
	<div class="exam_classify_query">
		<el-row :gutter="20" type="flex">
			<el-col :span="6">
				<el-input placeholder="请输入分类名称" v-model="listQueryIn.name" clearable></el-input>
			</el-col>
			<el-col :span="4">
				<el-select v-model="listQueryIn.classType" placeholder="请选择类型" clearable style="width: 100%">
					<el-option label="试卷" value="1"></el-option>
					<el-option label="考试" value="2"></el-option>
				</el-select>
			</el-col>
			<el-col :span="6">
				<el-button type="custom" @click="refreshList()" plain>搜索</el-button>
				<el-button type="custom" @click="handleAdd()">新增</el-button>
			</el-col>
		</el-row>
	</div>
</template>
<script>
export default {
	data() {
		return {
			listQueryIn: {
				name: '',
				classType: '1'
			}
		};
	},
	methods: {
		refreshList() {
			this.$bus.$emit('refreshExamClassifyList', this.listQueryIn);
		},
		handleAdd() {
			this.$bus.$emit('showDialogExamClassifyAdd');
		}
	}
};
</script>
<style lang="scss" scoped>
.exam_classify_query {
	flex-shrink: 0;
}
</style>
